<template>
  <div class="home">
    <Header></Header>
    <!--路由组件展示的地方-->
    <div class="roter">
      <router-view></router-view>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
//移动 端自适应
import "../../../../util/android";
import Header from "../compents/Header/index";
import Footer from "../compents/Footer/inedx";
export default {
  name: "home",
  data() {
    return {};
  },
  components: {
    Header,
    Footer,
  },
  methods: {},
};
</script>
<style scoped>
.roter {
  min-height: 46.2rem;
  margin-top: 5rem;
}
.home {
  position: relative;
}
/* .home {
  min-width: 1100px;
  position: relative;
  max-width: 192rem;
  margin: 0 auto;
}
.postion_flex {
  position: fixed;
  top: 70rem;
  right: 10rem;
  width: 7.2rem;
  height: 7.2rem;
  background: #299399;
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.postion_flex img {
  width: 3.2rem;
  height: 3.2rem;
} */
</style>